<template>
    <div>
        <div class="breadcrumb">
            <el-breadcrumb>
                <el-breadcrumb-item>
                    <el-icon>
                        <HomeFilled/>
                    </el-icon>
                </el-breadcrumb-item>
                <el-breadcrumb-item>
                    人员管理
                </el-breadcrumb-item>
                <el-breadcrumb-item>
                    患者列表
                </el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="card" style="margin-bottom: 5px">
            <UserUp/>
        </div>
        <div class="card">
            <UserDown/>
        </div>
    </div>

</template>

<script lang='ts' setup>
// OK 2023-4-19 10:40:根据登录者来展示页面
import { HomeFilled } from '@element-plus/icons-vue'
import UserUp from '@/components/User/userUp.vue'
import UserDown from '@/components/User/userDown.vue'
</script>

<style lang='scss' scoped>
.breadcrumb {
  margin: 15px 0;
}

.card {
  padding: 20px;
  box-shadow: var(--el-box-shadow-light);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--el-border-color);
}
</style>